html {
  height: 100%;
}

body {
  height: 100%;
  background: #f4f4f4;
}

#app {
  /*让内容居中
  试了好几个方法，虽然都能在内容不多没有滚动条时居中，但是都会出现内容多时使布局变型，上面的内容超出屏幕外
  */
  /*height: 100%;*/
  display: grid;
  place-items: center;
  height: 100vh; /* 根据需要调整 */

  padding: 3px 3px 3px 3px;
}

body,
ul,
h1,
h3,
h4,
/*p,*/
dl,
dd {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #333;
  outline: none;
}

ul {
  list-style: none;
}